<template>
  <div id="container"></div>
</template>

<script>
import handData from '../../assets/hand-data'
import * as THREE from 'three'
import { SceneBasic } from './js/scene-basic.js'
export default {
  mounted() {
    const sceneBasic = new SceneBasic()
    const material = new THREE.MeshBasicMaterial({ color: 0x42a5f5 })
    //循环创建标记
    const points = []
    handData.forEach((item) => {
      var cube = new THREE.Mesh(new THREE.SphereGeometry(0.5), material)
      cube.position.set(item[0] / -10 + 50, item[1] / -10 + 50, item[2] / 10)
      sceneBasic.scene.add(cube)
    })
    sceneBasic.render()
  },
}
</script>

<style></style>
